<template>
  <h1>事件绑定指令</h1>
  <!--
  1.点击事件
  指令为:
    -on:
    可以简写为冒号
  -->
  <h3>鼠标点击事件</h3>
  <button v-on:click="f()">按钮1</button>
  <button @click="f()">按钮2</button>

  <h3>回车按下事件</h3>
  <input type="text" @keydown.enter="ent()">
</template>

<script setup>
const f = () => {
  alert('点击成功');
}
const ent = () => {
  alert('"输入信息框中,enter键成功响应"的提示信息弹窗')
}
</script>

<style scoped>

</style>